<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>家政网</title>
    <meta name="keywords" content="家政网">
    <meta name="description" content="">
    <!-- 删除默认的苹果工具栏和菜单栏 -->
    <meta name =“apple-mobile-web-app-capable”content =“yes”/>  
    <!-- 苹果手机顶部为黑色 -->
    <meta name =“apple-mobile-web-status-bar-style”content =“block”/>  
    <link rel="icon" href="./images/icon.icon" type="images/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/masterid.css">

</head>
<body>
    <!-- logo -->
    <header>
        <div class="header-logo">
            <a href="">
                <span class="logo-icon"></span>
            </a>
        </div>

        <div class="header-search">
            <a href="">深圳 v</a>
            <input type="text" value="搜索">
        </div>

    </header>

    <div class="masterid-info">
        <div class="masterid-container">
            <div class="masterid-img"> <img src="./images/header.jpg" alt=""></div>

            <div class="masterid-content">
                <div class="masterid-name">王师傅</div>
                <div class="masterid-add">广东深圳宝安区xx街道xx小区</div>

                <div class="masterid-skill">
                    <span>配送</span>
                    <span>安装</span>
                    <span>维修</span>
                </div>
                <div class="masterid-show-tel"><span>电话</span> <a class="click-tel" href="tel:15126268989">拨打电话</span></div>
            </div>
        </div>
    </div>

    <!-- 正在出售 -->
    <div class="masterid-sell">
        <div class="sub-title masterid-more">
            <h3>正在出售的服务</h3>
            <span>更多+</span>
        </div>
        <ul class="sell-container clear">
            <li class="sell-list">
                <a href="">
                    <img src="./images/service-img.jpg" alt="">
                    <span>100元空调安装</span>
                </a>
            </li>

            <li class="sell-list">
                <a href="">
                    <img src="./images/service-img.jpg" alt="">
                    <span>100元空调安装</span>
                </a>
            </li>
            <li class="sell-list">
                <a href="">
                    <img src="./images/service-img.jpg" alt="">
                    <span>100元空调安装</span>
                </a>
            </li>
            <li class="sell-list">
                <a href="">
                    <img src="./images/service-img.jpg" alt="">
                    <span>100元空调安装</span>
                </a>
            </li>
            <li class="sell-list">
                <a href="">
                    <img src="./images/service-img.jpg" alt="">
                    <span>100元空调安装</span>
                </a>
            </li>

        </ul>

    </div>

    <!-- 服务保障 -->
    <div class="service-guarantee">
        <div class="sub-title">
            <h3>服务保障</h3>
        </div>
        <div class="guarantee-container">
            <img src="./images/promise.jpg" alt="">
            <img src="./images/promise.jpg" alt="">
            <img src="./images/promise.jpg" alt="">
            <img src="./images/promise.jpg" alt=""> 
        </div>
    </div>





    <!-- 版权信息 -->
    <div class="footer">
        <div class="footer-container">
            <p>家政网，你的专业私人管家助手</p>
            <p>家政热线：<span>400-200-300</span>&nbsp;&nbsp;&nbsp;<span>031-516-511</span></p>
            <p class="footer-contact">
                <a href="">成为合伙人</a> |
                <a href="">关于我们</a> |
                <a href="">意见反馈</a> |   
                <a href="">在线招聘</a>
            </p>
        </div>
    </div>

    <!-- 悬浮导航 -->
    <div class="suspend-footer">
        <ul class="suspend-container">
            <li class="suspend-list">
                <a href="">
                    <div><span class="home-icon suspend-icons"></span></div>
                    <div class="home-title">首页</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="publish-icon suspend-icons"></span></div>
                    <div class="home-title">发布</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="information-icon suspend-icons"></span></div>
                    <div class="home-title">消息</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="user-icon suspend-icons"></span></div>
                    <div class="home-title">我的</div>
                </a>
            </li>
        </ul>
    </div>
</body>
</html>